<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./../resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./../resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <title>Facelets Template</title>
    </h:head>

    <h:body>

        <div id="top" style="background: url(./../Template/Image/banner1.jpg)">
            <ui:insert name="top">
                <div id="nav_account">
                    <h:link id="myaccount" value="My Account" target="./../Employee/ProfileEmployee.xhtml" />
                    <h:link id="logout" value="Log out" />
                </div>
            </ui:insert>
        </div>

        <div>
            <div id="center">
                <div id="left">
                    <div id="logo" style="background: url(./../Template/Image/bground.png) repeat scroll 0 0 transparent">
                        <h:form>
                            <p:commandLink target="./../Employee/Home.xhtml"><h:commandButton id="home" 
                                                                                              style="background-image: url(./../Template/Image/home.png);margin-left: 80px;margin-top: 5px;width: 64px;height: 64px;background-color: #C5C5C5;border: none" />
                            </p:commandLink>
                        </h:form>
                    </div>
                    <div>
                        <h:form id="menuForm">
                            <p:growl id="growl" showDetail="true" />
                            <p:growl id="menu" autoUpdate="true"/>
                            <p:menu style="background: white;width: 190px;margin-right: 3px">
                                <p:submenu label="My Profile">
                                    <p:menuitem value="View my profile" style="color: #393939" url="./../Employee/ProfileEmployee.xhtml"/>
                                </p:submenu>

                                <p:submenu label="Complaints">
                                    <p:menuitem value="Create Complaint" style="color: #393939" url="./../Employee/ViewTypeComplaint.xhtml"></p:menuitem>
                                    <p:menuitem value="View Complaint" style="color: #393939" url="./../Employee/ViewComplaint.xhtml"></p:menuitem>
                                </p:submenu>

                                <p:submenu label="News">
                                    <p:menuitem value="Technology" style="color: #393939" url="./../Employee/NewTech.xhtml"></p:menuitem>
                                    <p:menuitem value="New sofware" style="color: #393939" url="./../Employee/NewSofware.xhtml"></p:menuitem>
                                    <p:menuitem value="News" style="color: #393939" url="./../Employee/News.xhtml"></p:menuitem>
                                </p:submenu>

                                <p:submenu label="FAQS">
                                    <p:menuitem value="View FAQS" style="color: #393939" url="./../Employee/ViewFAQs.xhtml"></p:menuitem>
                                </p:submenu>
                            </p:menu>
                        </h:form>
                    </div>
                    <div id="link">
                        <p:menu style="background: whitesmoke;width: 189px;border: none">
                            <p:submenu label="Top products"/>
                        </p:menu>

                        <div class="sp">
                            <h:graphicImage class="link_img" style="background: url(./../Template/Image/Link/im1.jpg)"/>
                            <h:link class="link_img_a" value="Panda Antivirus" style="color: black;font-weight: normal"></h:link>
                        </div>

                        <div class="sp">
                            <h:graphicImage class="link_img" style="background: url(./../Template/Image/Link/im1.jpg)"/>
                            <h:link class="link_img_a" value="Panda Antivirus" style="color: black;font-weight: normal"></h:link>
                        </div>

                        <div class="sp">
                            <h:graphicImage class="link_img" style="background: url(./../Template/Image/Link/im1.jpg)"/>
                            <h:link class="link_img_a" value="Panda Antivirus" style="color: black;font-weight: normal"></h:link>
                        </div>

                        <div class="sp">
                            <h:graphicImage class="link_img" style="background: url(./../Template/Image/Link/im1.jpg)"/>
                            <h:link class="link_img_a" value="Panda Antivirus" style="color: black;font-weight: normal"></h:link>
                        </div>

                        <div class="sp">
                            <h:graphicImage class="link_img" style="background: url(./../Template/Image/Link/im1.jpg)"/>
                            <h:link class="link_img_a" value="Panda Antivirus" style="color: black;font-weight: normal"></h:link>
                        </div>

                    </div>

                </div>
                <div id="content1" class="left_content">
                    <div id="nav" style="background: url(./../Template/Image/bground.png) repeat scroll 0 0 transparent">
                        <div id="nav_search" style="background: url(./../Template/Image/bground.png) repeat scroll 0 0 transparent">
                            <h:inputText id="txtSearch"></h:inputText>
                            <h:commandButton id="bttSearch" value="" style="background-image: url(./../Template/Image/search.png);background-repeat: no-repeat"></h:commandButton>
                        </div>
                    </div>

                    <ui:insert name="content">Content</ui:insert>
                </div>
            </div>
        </div>

        <div id="bottom">
            <ui:insert name="bottom">
                <div style="background: #D1D6D2;margin-top: 5px">
                    <div id="bottom_1" style="width: 500px;float: left;margin-left: 2px">
                        <h:outputLabel value="SPAKE HELPDESK - Give us your complaint" style="font-size: 14px;font-weight: normal;color: #161616"/>
                    </div>

                    <div id="bottom_2" style="margin-right: 2px;float: right">
                        <h:outputLabel value="© 2012 Mantech Helpdesk" style="font-size: 14px;font-weight: normal;color: #161616"/>
                        <br></br>
                        <h:outputLabel value="Desgin by Group 1 - Softech Aptech" style="font-size: 14px;font-weight: normal;float: right;color: #161616"/>
                    </div>
                </div>
            </ui:insert>
        </div>

    </h:body>

</html>
